body {
  background-image: url(../images/lexxsoffice/background.png) ;
  background-size: 100%;
  background-attachment: fixed;
  color: black;
  font-family: merriweather;
}
/*hi if anyones looking at this my coding is a fucking mess im sorry*/
.desk{
  background-image: url(../images/lexxsoffice/office_desk.png);
  background-size: 100%;
  width: 1900px;
  height: 1180px;
  display: grid;
  grid-template-columns:238px, 89px, 367px, 70px, 31px, 154px, 113px, 96px, 90px, 135px, 202px, 307px,;
  grid-template-rows: 154px, 61px, 36px, 169px, 128px, 62px, 80px, 137px, 261px, 93px, 19px; 
}
/*main elements*/
.nametag{
  grid-area: 1 / 1 / span 3 / span 6;
  height: 235px;
  width: 935px;
  margin-top: 25px;
  margin-left: 25px
}
.note-plate{
  grid-area: 9 / 1 / span 2 / span 4;
  background-image: url(../images/lexxsoffice/plate.png);
  width: 750px;
  height: 300px;
  align-content: center;
  text-align: center;
  color: #453c1e;
  text-shadow: 2px black;
  margin-left: 25px;
  margin-bottom: 50px;
}
.stampsgallery{
  grid-area: 3 / 10 / span 8 / span 3;
  background-image: url(../images/lexxsoffice/page1.png);
  height: 950px;
  width: 600px;
  transform: rotate(-20deg);
  align-content: center;
  text-align: center;
}
.stampsgallery img{
  width: 20%;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 10px;
}
/*my doohickeys*/
.corn{
  grid-area: 4 / 1 / span 1 / span 1;
  height: 169px;
  width: 238px;
  margin-left: 25px
}
.matchbox{
  grid-area: 5 / 1 / span 1 / span 1;
  height: 128px;
  width: 238px;
  margin-left: 25px
}
.stars{
  grid-area: 6 / 1 / span 3 / span 2;
  height: 279px;
  width: 327px;
  margin-left: 25px
}
.jinx{
  grid-area: 4 / 2 / span 2 / span 2;
  height: 297px;
  width: 456px;
}
.donut{
  grid-area: 1 / 7/ span 1 / span 2;
  width: 175px;
  height: 221px;
  margin-right: 15px
}
.dice{
  grid-area: 1 / 9 / span 1 / span 2;
  height: 200px;
  width: 164px;
  transform: rotate(90deg)
}
.arrow{
  grid-area: 4 / 4 / span 4 / span 3;
  height: 439px;
  width: 255px
}
.heart{
  grid-area: 4 / 7 / span 3 / span 1;
  height: 359px;
  width: 113px;
}
.shrimp {
  grid-area: 7 / 7 / span 2 / span 2;
  height: 217px;
  width: 186px
}
.nerddice{
  grid-area: 9 / 6 / span 1 / span 2;
  height: 261px;
  width: 267px;
}
.beetlehorse{
  grid-area: 1 / 11 / span 2 / span 1;
  height: 215px;
  width: 202px;
}
.tlalochorse{
  grid-area: 1 / 12 / span 2 / span 1;
  height: 286px;
  width: 307px;
  margin-right: 25px;
}
/*businesscard thing*/
.businesscard{
  grid-area: 6 / 3 / span 3 / span 1;
  align-self: center;
  background-image: url(/images/lexxsoffice/business.png);
  height: 221px;
  width: 362px;
}
.email{
  font-size: 0.625em;
  margin-left: 10px
}
.company{
  text-align: center;
  font-size: 0.9375em;
}
.name{
  text-align: center;
  align-self: center;
  font-size: 1.5em;
  margin-top: 40px;
}
.socials{
  font-size: 0.625em;
  margin-left: 10px;
  text-align: center;
  margin-top: 60px;
}
.socials a{
  color: black;
}
/*other*/
.h {
  text-align: center;
  color: #c22000
}